<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  
</body>
<script>
    // vue中父子组件传值,解决钩子函数mounted只运行一次的操作:
    /* 
    因为mounted函数只会在html和模板渲染之后只加载一次,这样就会导致如果父组件中的数据更改了,而子组件中的数据不会同时更新.
    解决办法:
      父组件给子组件传值:
        <子组件 :dataSource="dataSource" />
      子组件通过props接收:(接收到的值在页面渲染之前想拷贝到新的变量中,应该在哪个钩子函数中? 是通过watch监听)
        props:{
            dataSource:{
            type:Array,
            require:true
          }
        },
        watch: {
          // 正确给newData赋值的方法
          dataSource: function (newVal, oldVal) {
            this.newData = newVal // newVal即是dataSource
          }
        }
    */
</script>
</html>